<template>
  <div>
    <!-- v-bind:  -->
    <!-- 作用： 给标签属性， 动态设置值 -->
    <!-- 语法： v-bind:标签属性名="表达式" -->
    <!-- 语法： :标签属性名="表达式"  👍-->
    <a href="https://www.baidu.com">点我</a>
    <a :href="url">点我</a>

    <img :src="src" alt="" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      url: "https://jd.com",
      src: "https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png",
    };
  },
};
</script>

<style>
</style>